<html>
<head>
<title>
<?php if(isset($headtitle)) echo $headtitle; ?>
</title>
<?php echo "<link rel='stylesheet' href='".base_url()."public/css/global.css"."' type='text/css' media='screen'>";?>
<?php echo "<link rel='stylesheet' href='".base_url()."public/css/layout.main.css"."' type='text/css' media='screen'>";?>
<?php echo "<link rel='stylesheet' href='".base_url()."public/css/jMenu.jquery.css"."' type='text/css' media='screen'>";?>
<?php echo "<link rel='stylesheet' href='".base_url()."public/css/jquery-ui-1.8.24.custom.css"."' type='text/css' media='screen'>";?>
<?php if(isset($jsscript)) echo $jsscript; ?>

<?php echo "<script type='text/javascript' src='".base_url()."public/js/jquery.min.js"."'></script>"?>
<?php echo "<script type='text/javascript' src='".base_url()."public/js/jquery-ui-1.8.24.custom.min.js"."'></script>"?>
<?php echo "<script type='text/javascript' src='".base_url()."public/js/jMenu.jquery.min.js"."'></script>"?>
<?php if(isset($cssstyle)) echo $cssstyle; ?>
</head>

<body>
<div id="main-header">
<?php if(isset($mainMenu)){
	?><ul id="jMenu"><?php echo $mainMenu;?></ul>
	<script type="text/javascript">
	$('button').button();
	$(document).ready(function(){
		$('#jMenu').jMenu({
			openClick : true,
			ulWidth : 180,
			animatedText : true,
			paddingLeft: 10
			/*
			  openClick : false,
			  ulWidth : 180,
			  effects : {
				effectSpeedOpen : 50,
				effectSpeedClose : 50,
				effectTypeOpen : 'slide',
				effectTypeClose : 'slide',
				effectOpen : 'linear',
				effectClose : 'linear'
			  },
			  TimeBeforeOpening : 100,
			  TimeBeforeClosing : 1000,
			  animatedText : true,
			  paddingLeft: 10
			  */
			});
	});
	</script>
<?php } ?>
</div>
<div id="wrapper">
<h2 id="contenttitle"><?php if(isset($contenttitle)) echo $contenttitle; ?></h2>
<div  id="maincontent"><?php if(isset($contents)) echo $contents;?></div>
</div>
<div id="main-footer"></div>
</body>
</html>